<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link rel="stylesheet" href="css/login.css">
</head>
<body>

<div class="fixed">
    <div class="form-demo">
        <!-- 旋转开关 -->
        <div class="switch"><h2>没有/已有账号？</h2></div>
        <input type="checkbox" style="display: none;" id="change">
        <label for="change">切 换</label>

        <div class="turn">
            <div class="over">
                <form action="" class="login">
                    <h1>登 录</h1>
                    <input type="text" placeholder="用户名">
                    <input type="password" placeholder="密码">
                    <input type="submit" class="btn" value="登 录">
                </form>
                <form action="" class="sign">
                    <h1>注 册</h1>
                    <input type="text" placeholder="用户名">
                    <input type="password" placeholder="密码">
                    <input type="password" placeholder="确认密码">
                    <input type="submit" class="btn" value="注 册">
                </form>
            </div>
        </div>
    </div>
</div>
</body>
